<%@page import="org.apache.logging.log4j.message.StringFormattedMessage"%>
<%@ page language="java" contentType="text/html; charset=utf8"
    pageEncoding="utf8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
    <style>
        .message{
            display: inline-block;
            font-size: 12px;
            color: #999;
            /* background: url(images/mess.jpg) no-repeat left center; */
            padding-left: 20px;
        }
        .register img{
            position: relative;
            top: 6px;
            right: -20px;
            width: 18px;
        }
        .wrong{
            color: red;
        }
        .right{
            color: green;
        }
    </style>
<title>Insert title here</title>
</head>

<link rel="stylesheet" href="/hospital-system/bootstrap-5.3.0/css/bootstrap.css">
<body>
	 <nav class="navbar navbar-dark bg-dark ">
  <span class="navbar-brand mb-auto h1 col-lg-2 mr-auto my-10  navbar-nav-scroll">欢迎使用医生管理系统</span>
  <form class="form-inline">
     <input type="button" class="btn btn-outline-success my-2 my-sm-0" 
     onclick="window.location.href='/hospital-system/jsp/ReportOne.jsp';" value="退出">
  </form>
</nav>


  <div class="row">
	 <div class="col-sm-7 offset-sm-3">
	<div class="container mt-4">
		<form action="/hospital-system/doctorInsertReport" method="post" class="mt-3">
          <input type="hidden" name="vid" id="vid" value="${vid}">
          <div class="mb-3 row">
             <label for="dtext" class="col-sm-2 col-form-label">病情诊断意见:</label>
           <div class="col-sm-10">
            <input type="text" name="dtext" id="dtext" class="form-control ipt">
            <p class="message">请输入病情诊断意见</p>
           </div>
		 </div>
		 <div class="mb-3 row">
			  <label for="sdept" class="col-sm-2 form-label"></label>		  
			    <div class="col-sm-3">
			      <input type="submit" class="form-control btn btn-primary" value="提交" >
		</div>
		</div>	
     </form>	 
		</div>     
		</div>
		</div>
<script>
    var ipt=document.querySelector('.ipt');
    var message=document.querySelector('.message');
    ipt.onblur=function()
    {
        if(this.value.length<=0)
        {
            message.className='message wrong';//如果直接改为.wrong的话，原有的样式也没了，因此需要在原有message样式上加上wrong的样式。
            message.innerHTML='您还未输入';
        }
        else
        {
            message.className='message right';
            message.innerHTML='您输入成功';
        }
    }
</script>
			    
		
</body>
</html>